


<script setup>
import { ref, reactive } from "vue";

const items = ref(
    [{ message: 'Foo' }, { message: 'Bar' }]
)

</script>

<template>
<!-- 与模板上的 v-if 类似，你也可以在 <template> 标签上使用 v-for 来渲染一个包含多个元素的块。例如： -->
    <ul>
        <template v-for="item in items" :key="item.message">
            <li>{{ item.message }}</li>
            <li class="divider" role="presentation">123</li>
        </template>
    </ul>
</template>